@layout("/common/_container.html",{js:["/assets/modular/system/btyDingdingMonthAttend/btyDingdingMonthAttend.js"],css:["/assets/common/css/beautiful.css"]}){

<div class="layui-body-header">
    <span class="layui-body-header-title">东更道-钉钉-月度-考勤查询管理</span>
</div>
<style>
    .layui-form-label{
        width: 70px !important;
    }
</style>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-form toolbar">
                        <div style="color: red">提示:1.此考勤数据仅针对于门店使用，由于门店与后勤的计算方式不同，所以后勤数据不准确;2.此数据每月2号9点之前，从钉钉获取上月数据。</div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">月份</label>
                                <div class="layui-input-inline">
                                    <input id="date" class="layui-input" type="text" autocomplete="off" placeholder="日期"/>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">一级区域</label>
                                <div class="layui-input-inline" >
                                    <select name="firLevel" class="layui-input" lay-filter="firLevel" id="firLevel"
                                            lay-search="firLevel">
                                        <option value="">一级区域</option>
<!--                                        <option value="529205900">东更道总部</option>-->
                                    </select>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">二级区域</label>
                                <div class="layui-input-inline">
                                    <select name="secLevel" class="layui-input" lay-filter="secLevel" id="secLevel"
                                            lay-search="secLevel">
                                        <option value="">二级区域</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">三级区域</label>
                                <div class="layui-input-inline">
                                    <select name="thirdLevel" lay-filter="thirdLevel" id="thirdLevel"
                                            lay-search="thirdLevel">
                                        <option value="">三级区域</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-inline" style="display: none;">
                                <label class="layui-form-label">四级区域</label>
                                <div class="layui-input-inline">
                                    <select name="fourLevel" lay-filter="fourLevel" id="fourLevel"
                                            lay-search="fourLevel">
                                        <option value="">四级区域</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label layui-inline shop-name">姓名</label>
                                <div class="layui-input-inline">
                                    <input id="empName" class="layui-input" type="text" placeholder="请输入姓名"  autocomplete="off"/>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label layui-inline shop-name">员工ID</label>
                                <div class="layui-input-inline">
                                    <input id="empId" class="layui-input" type="text" placeholder="请输入员工ID" autocomplete="off"/>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <button id="btnSearch" class="layui-btn layui-btn-sm icon-btn"><i class="layui-icon">&#xe615;</i>搜索</button>
                                <button id="btnReset" class="layui-btn layui-btn-primary layui-btn-sm icon-btn reset" style="margin-right: 10px;">重置</button>
                                <button id="btnExp" class="layui-btn layui-btn-sm icon-btn"><i class="layui-icon">&#xe67d;</i>导出</button>
                                <button id="sync" class="layui-btn layui-btn-sm icon-btn" style="display: none;">同步</button>
                            </div>
                        </div>
                    </div>
                    <table class="layui-table" id="dgdDingdingMonthAttendTable" lay-filter="dgdDingdingMonthAttendTable"></table>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/html" id="tableBar">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">异常详情</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="monDetail">月度详情</a>
<!--    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">修改</a>-->
<!--    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>-->
</script>
@}